<template>
<div>
  <div id="biliMainHeader" type="mask" style="height:56px" data-v-app="">
<div class="bili-header fixed-header">
       <div class="bili-header__bar   transparent-header">
           <div class="css-navWrapperInner-IJ8cI">
            <div class="css-navLeft-jAxJg">
              <ul class="css-navMenuWrapper-vlvGX">
                <li class="css-navMenuItem-PlZzo">
                  <a>首页</a></li> <li class="css-navMenuItem-PlZzo">
                    <a href="#/novellist" target="_blank">小说</a></li> <li class="css-navMenuItem-PlZzo">
                      <a target="_blank" href="#/blank" >动态</a>
                       <li class="css-navMenuItem-PlZzo">
                      <a target="_blank" href="#/message" >消息</a>
                      </li>
                      <li class="css-navMenuItem-PlZzo">
                      <a target="_blank" href="#/orderindex" >订单</a></li>
                      <li class="css-navMenuItem-PlZzo" id="importan"  v-if="security=='超级管理'"><a target="_blank" href="#/blank2">后台</a></li></ul></div>
                      <div class="css-navRight-qABtd"><div class="css-navRightItem-+9tOz">
                        <div class="css-navSearchWrapper-SmTKa" style="width: 108px;"><input placeholder="搜索" id="headernavk" type="text" data-name="PIT Minor" data-type="1" autocomplete="off" name="kw" class="css-navSearchInput-hcAgF">
                         <span class="css-navSearchIcon-byBLe"><svg fill="rgba(0,0,0,.4)" viewBox="0 0 32 32" id="search_13586fe" width="100%" height="100%"><title>search</title><path d="M14.933 25.6c5.891 0 10.667-4.776 10.667-10.667s-4.776-10.667-10.667-10.667c-5.891 0-10.667 4.776-10.667 10.667s4.776 10.667 10.667 10.667zM26.894 23.877l3.491 3.491c0.833 0.833 0.833 2.184 0 3.017s-2.184 0.833-3.017 0l-3.491-3.491c-2.493 1.867-5.589 2.973-8.943 2.973-8.247 0-14.933-6.686-14.933-14.933s6.686-14.933 14.933-14.933c8.247 0 14.933 6.686 14.933 14.933 0 3.354-1.106 6.45-2.973 8.943z"></path></svg></span></div></div>
                         <div class="css-navRightItem-+9tOz downloadCenter-navRightDownloadCenter-PdRiS"><a class="css-navRightItemLink-m6e8U"><i class="downloadCenter-navRightDownloadCenterIcon-rg9q5"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="design-iconfont"><g fill="none" fill-rule="evenodd"><path d="M2.28507819,1.99340854 L1.73957218,2.06505098 C0.74421748,2.19577299 -1.22942537e-16,3.04412084 0,4.04802283 L0,11.554261 C-2.41183085e-16,13.2111153 1.34314575,14.554261 3,14.554261 L12.1083087,14.554261 C13.765163,14.554261 15.1083087,13.2111153 15.1083087,11.554261 L15.1083087,4.04184041 C15.1083087,3.04060087 14.3679262,2.19364007 13.3756735,2.05979196 L12.8835552,1.99340854 L12.8835552,1.99340854" stroke="currentColor" stroke-width="2" stroke-linecap="round" transform="translate(1.445846 1.21954)"></path><path d="M7.55409057,0 C8.08472131,0 8.51488252,0.422744372 8.51488252,0.944225983 L8.51488252,8.69539387 L10.4979571,6.74651144 C10.8463144,6.40392229 11.4019395,6.37591301 11.7841373,6.6816746 L11.8571575,6.74651144 C12.0374741,6.92360553 12.1387847,7.16386481 12.1387847,7.41439396 C12.1387847,7.66492312 12.0374741,7.9051824 11.8571575,8.08227648 L8.23369076,11.6432674 C8.05348964,11.820475 7.80901513,11.9200388 7.55409057,11.9200388 C7.29916601,11.9200388 7.0546915,11.820475 6.87449038,11.6432674 L3.25102368,8.08227648 C2.87569086,7.71341516 2.87569086,7.11537279 3.25102367,6.74651145 C3.62635648,6.37765012 4.2348912,6.37765012 4.61022402,6.74651144 L6.59329862,8.69539387 L6.59329862,0.944225983 C6.59332237,0.457872857 6.96925431,0.0510962777 7.46185454,0.00440637809 L7.55409057,0 Z" fill="currentColor" transform="translate(1.445846 1.21954)"></path></g></svg></i> <span>下载中心</span></a></div>
                         <div class="css-navRightItem-+9tOz css-navRightUser-XjNiX" @mouseenter="enter" @mouseleave="leave">
                          <a class="css-navRightItemAvatar-Dhkpn" ><img :src="tablelevel.picture" width="100%" height="100%"></a>
<!-- 登录隐藏框 -->
<div class="Header-UserPane public-DropMenu-drop" id="ha">
  <i class="i"></i>
<div class="public-DropMenu-drop-main">
<i class="i"></i>
<div class="Header-UserPane-top">
<div class="User">
<div class="User-avatarWrap"><a class="User-avatar"  target="_blank"><div class="AvatarFrame " style="width: 70px;"><div class="AvatarFrame-box"><img uid="276280973" class="AvatarFrame-img is-circle " :src="tablelevel.picture" alt="" style="width: 60px; height: 60px;"></div></div></a></div>
<div class="User-nickname"><a class="a" href="/member/cp" target="_blank" title="数不尽的常青">{{tablelevel.username1}}</a></div>
<div class="Authentication"><a class="Authentication-name is-active" title="已认证"></a><a class="Authentication-phone is-active" title="已绑定手机"></a><a class="Authentication-email" title="绑定邮箱" href="/member/cp/changeEmail" target="_blank"></a><a class="Authentication-clientSign" href="/client/pcclientsign" target="_blank"></a></div>
</div>
<div class="HeaderUserLevel">
<div class="">
  <span style="position: relative;"><span class="UserLevel UserLevel--36" title="用户等级：36"> LV {{tablelevel.nowlevel}}</span></span>
<div class="HeaderUserLevel-progress" @mouseenter="exp1" @mouseleave="exp2">
<div class="HeaderUserLevel-bar" ><span class="HeaderUserLevel-bar-per" id="HeaderUserLevel-bar-per1" style="width: 49.9%;" ></span></div>
<span class="HeaderUserLevel-bar-num">{{tablelevel.nowexper}}%</span>
<div class="HeaderUserLevel-tip" id="HeaderUserLevel-tip" style="display:none"><p class="p"><span>还需<span class="HeaderUserLevel-tip-upExp">{{tablelevel.nextexp}}</span>经验到达下一级</span></p><i></i></div>
</div>
<span class="UserLevel UserLevel--next37" title="用户等级：37"> LV {{tablelevel.nextlevel}}</span>

</div>
</div>
</div>
<div class="Wallet">
<div class="Wallet-content">
<div class="Wallet-content-mywallet">
<h5 class="Wallet-content-mywallet-title"><a class="Wallet-content-recharge" href="/web_game/welcome/18" target="_blank">充值</a>钱包中心</h5>
<div class="Wallet-content-mywallet-wealth">
<span class="Wallet-content-mywallet-wealth-sliver" title="做任务可获得鱼丸"><i></i>金豆 <span>0</span></span>
<span class="Wallet-content-mywallet-wealth-gold" title="鱼翅0.1"><i></i>银豆 <span>0</span></span>
</div>
<div class="Wallet-content-mywallet-openwallet"></div>



</div>
</div>
</div>
<div class="Shortcut">
<ul class="Shortcut-list">
<li class="Shortcut-listItem" data-index="0"><a class="Shortcut-listItem-link"  target="_blank"><i class="is-center"></i><p class="p2">个人中心</p></a></li>
<li class="Shortcut-listItem" data-index="1"><a class="Shortcut-listItem-link"  target="_blank"><i class="is-attention"></i><p class="p2">我的关注</p></a></li>
<li class="Shortcut-listItem" data-index="2"><a class="Shortcut-listItem-link"  target="_blank"><i class="is-message"></i><p class="p2">站内信</p></a></li>
</ul>
</div>

<div class="Exit" @click="loginout"><span class="Exit-btn" ><i class="iexit"></i>登出</span></div>

</div>
</div>
              <!-- 未登录隐藏框 -->
                      <div class="css-navNotloginUserDropdown-e4cFf" style="display: none;" id="de">
<i class="css-navNotloginUserDropdownTriangle-ZFN6B"></i>
<div class="css-navNotloginUserDropdownContent-VPGua">
<h3>登录之后可以</h3>
<ul class="ul1"><li class="css-navNotloginUserDropdownList-CLSY8"><i class="css-navIconDanmu-5xO1L"></i><span class="span1">看资讯</span></li><li class="css-navNotloginUserDropdownList-CLSY8"><i class="css-navIconHD-s8ALo"></i><span class="span1">追番剧</span></li><li class="css-navNotloginUserDropdownList-CLSY8"><i class="css-navIconAnchor-PHoSG"></i><span class="span1">看小说</span></li></ul>
<div class="css-navNotloginBtnArea-2RrJY"><a href="javascript:;" class="css-navNotloginBtnLogin-hZbUj" @click="but1">登录</a><a href="#/login" class="css-navNotloginBtnReg-bXsVn">注册</a></div>
</div>
                      </div>
                      <!-- 站内信 -->
                          <div class="css-navRightUserDropdown-VLqlz" style="display: none;"><i class="css-navRightUserDropdownTriangle-wsZLo"></i>
                          <div class="css-navRightUserDropdownContent-xl2N5">
                            <div class="css-navRightUserDropdownContentLogout-VG6Tx">
                              <a class="tuichu"><i class="dian"></i>退出</a></div>
                              <div class="css-navUserDropdownAvatarWrapper-pmyJX">
                                <a class="css-navUserDropdownAvatar-NmtPZ"><img src="https://apic.douyucdn.cn/upload/avatar_v3/202204/cd1144479be24f3d8024194ef381ded7_middle.jpg" width="100%" height="100%"></a>
                                <b class="css-userNameInfo-S+oFr">数不尽的常青</b></div></div> <div class="css-navUserLine-qIRnB"></div>
                                 <div class="css-navUserFooter-kjfqs"><a class="css-navUserFooterItem-H9y5f">
                                  <i class="css-navUserFooterItemIconUser-HADY5"></i><span class="geren">个人中心</span></a>
                                  <a class="css-navUserFooterItem-H9y5f"><i class="css-navUserFooterItemIconLove-RQpZ7"></i>
                                  <span class="geren">我的空间</span></a> <a class="css-navUserFooterItem-H9y5f"><i class="css-navUserFooterItemIconMsg-UkjAc"></i>
                                  <span class="geren">站内信</span></a></div></div>
                                  </div></div></div>


       </div>
   </div>
  </div>
  <!-- 轮播图 -->
  <div id="app" class="home-v3-app-container">
<div class="home-banner-wrapper" >
  <el-carousel indicator-position="outside" height="560px" class="deng">
    <el-carousel-item v-for="item in tubox" :key="item.id">
       <img :src="item.tu" class="tu" >
      <h3>{{ item }}</h3>
    </el-carousel-item>
  </el-carousel>
</div>

   <div id="home_v3_mod_index" class="home-index-wrapper inner-content-wrapper">
    <div class="inner-content-body">
<div class="inner-content-item-index index-back-0 index_1777_0_0_0_0" style="background-color: rgba(0, 0, 0, 0); background-attachment: scroll, scroll; background-image: linear-gradient(83.84deg, rgba(255, 139, 244, 0.12) 0%, rgba(255, 139, 244, 0.07) 100%), url(&quot;//i0.hdslb.com/bfs/bangumi/image/255a693332138326a26dbd82f7cc1afb9fa12ea2.png&quot;); background-origin: padding-box, padding-box; background-clip: border-box, border-box; background-repeat: no-repeat; background-size: contain; background-position: right center;">
<a  class="index-categary-head"><span class="title" >番剧索引</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-arrow"><path d="M5.5332 2L11.2975 7.7643C11.4277 7.89447 11.4277 8.10553 11.2975 8.2357L5.5332 14" stroke="#18191C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a>
<div class="index-categary-content-container"><div class="index-categary-content-inner"><div class="vertical-items-group"><a  class="item-link-a">
                                        追番人数
                                    </a> <a  class="item-link-a">
                                        更新时间
                                    </a></div><div class="vertical-items-group"><a  class="item-link-a">
                                        最高评分
                                    </a> <a  class="item-link-a">
                                        播放数量
                                    </a></div></div></div>
</div>
<div class="inner-content-item-index index-back-1 index_1777_0_1_0_0" style="background: linear-gradient(83.84deg, rgba(108, 226, 169, 0.12) 0%, rgba(108, 226, 169, 0.07) 100%) right center / contain no-repeat, url(&quot;//i0.hdslb.com/bfs/bangumi/image/4a04aff34d0ae6d31b7af4aef7b64d023d8fc13c.png&quot;);"><a  class="index-categary-head"><span class="title">类型风格</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-arrow"><path d="M5.5332 2L11.2975 7.7643C11.4277 7.89447 11.4277 8.10553 11.2975 8.2357L5.5332 14" stroke="#18191C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a> <div class="index-categary-content-container"><div class="index-categary-content-inner"><div class="vertical-items-group"><a  class="item-link-a">
                                        原创
                                    </a> <a  class="item-link-a">
                                        漫画改
                                    </a></div><div class="vertical-items-group"><a  class="item-link-a">
                                        小说改
                                    </a> <a  class="item-link-a">
                                        游戏改
                                    </a></div><div class="vertical-items-group"><a  class="item-link-a">
                                        特摄
                                    </a> <a  class="item-link-a">
                                        布袋戏
                                    </a></div><div class="vertical-items-group"><a  class="item-link-a">
                                        热血
                                    </a> <a  class="item-link-a">
                                        穿越
                                    </a></div><div class="vertical-items-group"><a class="item-link-a">
                                        奇幻
                                    </a> <a  class="item-link-a">
                                        战斗
                                    </a></div></div></div></div>
<div class="inner-content-item-index index-back-2 index_1777_0_2_0_0" style="background: linear-gradient(83.84deg, rgba(114, 184, 255, 0.12) 0%, rgba(114, 184, 255, 0.07) 100%) right center / contain no-repeat, url(&quot;//i0.hdslb.com/bfs/bangumi/image/76c8973dc182b1afa567dc2aeadfece7ec008256.png&quot;);"><a  class="index-categary-head"><span class="title">首播时间</span> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-arrow"><path d="M5.5332 2L11.2975 7.7643C11.4277 7.89447 11.4277 8.10553 11.2975 8.2357L5.5332 14" stroke="#18191C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a> <div class="index-categary-content-container"><div class="index-categary-content-inner"><div class="vertical-items-group"><a class="item-link-a">
                                        2022
                                    </a> <a class="item-link-a">
                                        2018
                                    </a></div><div class="vertical-items-group"><a  class="item-link-a">
                                        2021
                                    </a> <a  class="item-link-a">
                                        2017
                                    </a></div><div class="vertical-items-group"><a  class="item-link-a">
                                        2020
                                    </a> <a  class="item-link-a">
                                        2016
                                    </a></div><div class="vertical-items-group"><a   class="item-link-a">
                                        2019
                                    </a>
                                    <a  class="item-link-a">
                                        2015
                                    </a></div></div></div></div>
<div class="inner-content-item-index index-back-3 index_1777_0_3_0_0" style="background: linear-gradient(83.84deg, rgba(255, 122, 122, 0.12) 0%, rgba(255, 122, 122, 0.07) 100%) right center / contain no-repeat, url(&quot;//i0.hdslb.com/bfs/bangumi/image/59f113c35c6e050ab5e60f585a8621a80a7644e5.png&quot;);"><div class="index-categary-head"><span class="title">热搜</span></div> <div class="index-categary-content-container"><div class="index-categary-content-inner"><div class="vertical-items-group"><a  class="item-link-a">
                                        十月新番资讯站
                                    </a> <a class="item-link-a">
                                        JOJO石之海
                                    </a></div><div class="vertical-items-group"><a  class="item-link-a">
                                        奇幻世界舅舅
                                    </a> <a class="item-link-a">
                                        莉可丽丝
                                    </a></div></div></div></div>
    </div>
   </div>

   <!-- 近期热门番剧 -->
   <div id="home_v3_module_page_switch" class="home-page-switch-wrapper inner-content-wrapper">
<div class="inner-content-head">
<div class="section-title-v2-wrapper">
<div class="title-left"><!----> <div class="module-title-name">近期热门番剧</div> <!----> <!----></div>
<a  target="_blank" class="title-right">
<span class="font">Top20</span>
</a>

</div>
</div>
<div class="home-recommand-feed-body">
  <div>
    <div id="home_v3_module_feed_hvline" class="feenline-vcard-wrapper inner-content-wrapper" style="justify-content: flex-start;">
<div id="feed_1778_36198_0_0_0" class="hot-ranking-cell-wrapper inner-content-item-v7 is-hover-animation-active" hasbgcolor="0" v-for="ele in cartoon">
<div class="ranking-ratio-item-container home_v3_vertical_item_7" style="height: 243.39px;">
<a data-v-ef84dfc4="" @click="click(ele.name)" target="_blank" class="season-cover" style="position: absolute; z-index: 9;">
<picture data-v-ef84dfc4="">
  <img data-v-ef84dfc4="" :src="ele.picture" alt="" onerror="this.style.display='none'" loading="lazy" class="img">
</picture>
<div data-v-ef84dfc4="" class="season-cover-score">{{ele.score}}</div>
</a>
</div>
<div class="ranking-cell-desc">
<div data-v-5888b1d7="" class="hotranking-content-item-desc"><a data-v-5888b1d7="" href="#/cartoon" target="_black">
<div data-v-5888b1d7="" class="home-cell-desc-title">{{ele.name}}</div></a> <div data-v-5888b1d7="" class="home-cell-desc-subtitle">{{ele.general}}</div> <!---->
</div>
</div>
</div>
    </div>
  </div>
</div>

   </div>
   <!--  -->
  </div>
  <!-- 登录 -->
  <div class="tan" id="zhe">
  <div class="bili-mini-mask" >
<div class="bili-mini-content-wp" style="">
<div class="bili-mini-close-icon" @click="clo"></div>
<div class="login-scan-wp">
  <div class="login-scan-title">
    扫描二维码
  </div>
  <div class="login-scan-hover-wp">
    <div class="login-scan-box">
      <div data-v-7a0dfec7="" class="" style="width: 160px; height: 160px;">
        <img alt="Scan me!" src="@/assets/qq or weixin.jpg" style="display: block;" class="img1">
      </div>
    </div>
    </div>
  <div class="login-scan-desc"><p> 扫码添加开发者QQ
    </p><p>暂未开通扫码登录</p></div>
</div>
<div class="bili-mini-line"></div>
<div class="bili-mini-login-right-wp">
  <div data-v-35ff7abe="" class="login-tab-wp">
    <div data-v-35ff7abe="" class="login-tab-item active-tab"> 密码登录
      </div>
      <!-- <div data-v-35ff7abe="" class="login-tab-line">
        </div>
        <div data-v-35ff7abe="" class="login-tab-item"> 短信登录
          </div> -->
          </div>

    <div class="login-pwd-wp">
<form class="tab__form">
  <div class="form__item">
    <div class="form_info">账号</div>
    <input class="input1" autocomplete="on" maxlength="32" oninput="value=value.replace(/\s+/g, '')" placeholder="请输入账号" type="text" v-model="login.username" >
  </div>
  <div class="form__separator-line"></div>
<div class="form__item">
  <div class="form_info">密码</div>
  <input class="input1" id="password" autocomplete="on" maxlength="32" oninput="value=value.replace(/\s+/g, '')" placeholder="请输入密码" type="password" v-model="login.password">
  <div data-v-72323397="" class="eye-btn" style="--thememini-color:#00a1d6;" @click="pas"><svg data-v-72323397="" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path data-v-72323397="" fill-rule="evenodd" clip-rule="evenodd" d="M17.5753 6.85456C17.7122 6.71896 17.8939 6.63806 18.0866 6.63806C18.7321 6.63806 19.0436 7.42626 18.5748 7.87006C18.1144 8.30554 17.457 8.69885 16.6478 9.03168L18.1457 10.5296C18.2101 10.5941 18.2613 10.6706 18.2962 10.7548C18.331 10.839 18.349 10.9293 18.349 11.0204C18.349 11.1116 18.331 11.2019 18.2962 11.2861C18.2613 11.3703 18.2101 11.4468 18.1457 11.5113C18.0812 11.5757 18.0047 11.6269 17.9205 11.6618C17.8363 11.6967 17.746 11.7146 17.6548 11.7146C17.5637 11.7146 17.4734 11.6967 17.3892 11.6618C17.305 11.6269 17.2284 11.5757 17.164 11.5113L15.3409 9.68819C15.2898 9.63708 15.247 9.57838 15.2141 9.51428C14.4874 9.71293 13.6876 9.87122 12.8344 9.98119C12.8363 9.99011 12.8381 9.99908 12.8397 10.0081L13.2874 12.5472C13.315 12.7266 13.2713 12.9098 13.1656 13.0573C13.0598 13.2049 12.9005 13.3052 12.7217 13.3367C12.5429 13.3683 12.3589 13.3285 12.2091 13.2259C12.0592 13.1234 11.9555 12.9663 11.9202 12.7882L11.4725 10.2491C11.4645 10.2039 11.4611 10.1581 11.4621 10.1125C10.9858 10.1428 10.4976 10.1586 10.0002 10.1586C9.57059 10.1586 9.14778 10.1468 8.73362 10.1241C8.73477 10.1656 8.7322 10.2074 8.72578 10.249L8.27808 12.7881C8.24612 12.9694 8.14345 13.1306 7.99265 13.2362C7.84186 13.3418 7.65528 13.3831 7.47398 13.3512C7.29268 13.3192 7.1315 13.2166 7.0259 13.0658C6.9203 12.915 6.87892 12.7284 6.91088 12.5471L7.35858 10.008C7.35877 10.007 7.35896 10.0061 7.35915 10.0052C6.50085 9.90284 5.6941 9.75191 4.95838 9.56025C4.93012 9.60634 4.89634 9.64933 4.85748 9.68819L3.03438 11.5113C2.96992 11.5757 2.8934 11.6269 2.80918 11.6618C2.72496 11.6967 2.63469 11.7146 2.54353 11.7146C2.45237 11.7146 2.36211 11.6967 2.27789 11.6618C2.19367 11.6269 2.11714 11.5757 2.05268 11.5113C1.98822 11.4468 1.93709 11.3703 1.90221 11.2861C1.86732 11.2019 1.84937 11.1116 1.84937 11.0204C1.84937 10.9293 1.86732 10.839 1.90221 10.7548C1.93709 10.6706 1.98822 10.5941 2.05268 10.5296L3.49373 9.08855C2.6197 8.744 1.91247 8.33062 1.42559 7.87006C0.956591 7.42636 1.26799 6.63816 1.91359 6.63816C2.10629 6.63816 2.28789 6.71896 2.42489 6.85456C2.70009 7.12696 3.19529 7.45886 3.98459 7.77796C5.54429 8.40856 7.73699 8.77016 10.0001 8.77016C12.2632 8.77016 14.4558 8.40856 16.0156 7.77796C16.8049 7.45886 17.3001 7.12696 17.5753 6.85456Z" fill="#9499A0"></path></svg></div>
  <div class="clickable">忘记密码？</div>
<div class="forget-tip" style="">
<div class="forget-tip-line"><p class="title2" >发送短信快速登录</p><p class="desc">未注册或绑定的手机号，将帮你注册新账号</p></div>
<div class="forget-tip-line"><p class="title2">去找回密码</p><p class="desc">通过绑定的手机号/邮箱重置密码</p></div>
</div>

</div>

</form>
<div data-v-327e145a="" class="btn_wp"><a data-v-327e145a="" class="btn_other" href='#/login'>注册</a>
<el-button data-v-327e145a="" class="btn_primary " @click="login1" type="primary" > 登录 </el-button>

</div>
<el-alert
  id="errr"
    title="用户名或密码错误"
    type="error"
    class="err"

    effect="dark">

  </el-alert>

    </div>
</div>
<div class="login-agreement-wp">
  <!-- <p> 未注册过的手机号，我们将自动帮你注册账号 </p> -->
  <p> 未注册过的手机号，请先注册 </p>
<p> 登录或完成注册即代表你同意  <span> 用户协议 <span class="link_word"> 和 </span></span>
<span> 隐私政策 <span class="link_word">  </span></span></p>
</div>

</div>
  </div>
    </div>
  </div>

</template>
<script>
import axios from 'axios';

export default {
  inject:['reload'],
    name:'Title',
data() {
      return {
        cartoon:[
// {name:'间谍过家家',general:'散装家庭的爆笑喜剧',score:'9.7',src:'http://cq12df.oss-cn-hangzhou.aliyuncs.com/web/%E9%97%B4%E8%B0%8D%E8%BF%87%E5%AE%B6%E5%AE%B6.jpg'},
// {name:'青春期猪头少年不会做兔女郎学姐的梦',general:'人活着就是为了麻衣学姐',score:'9.8',src: 'https://cq12df.oss-cn-hangzhou.aliyuncs.com/web/%E9%9D%92%E6%98%A5%E6%9C%9F%E7%8C%AA%E5%A4%B4%E5%B0%91%E5%B9%B4.jpg'},
// {name:'五等分的新娘',general:'中野家可爱的五姐妹',score:'8.9',src:'https://cq12df.oss-cn-hangzhou.aliyuncs.com/web/%E4%BA%94%E7%AD%89%E5%88%86%E7%9A%84%E6%96%B0%E5%A8%98.jpg'}

        ],
        // dialogFormVisible:true,
       timer:'https://cq12df.oss-cn-hangzhou.aliyuncs.com/web/%E9%AC%BC%E7%81%AD%E4%B9%8B%E5%88%83.jpg',
        tablelevel:{
          picture:'http://cq12df.oss-cn-hangzhou.aliyuncs.com/web/23.png',
username1:'',
        nextlevel:'',
        nowlevel:'',
        nowexper:'',

        nextexp:''
        },

        login:{
          username:'',
          password:'',
        },
         tubox: [
            { id: 0, tu: require("../assets/企业微信截图_16709318377692.png") },
            { id: 1, tu: require("../assets/企业微信截图.png") },
            { id: 2, tu: require("../assets/企业微信截图_16709320819406.png") },
            { id: 3, tu: require("../assets/企业微信截图_16709323186967.png") },
            { id: 4, tu: require("../assets/3.png") },
            { id: 5, tu: require("../assets/企业微信截图_20230114231644.png") }
        ],


      };
    },
     created(){
this.iflogin()
// 查询番剧
this.findCartoon()
     },
    methods:{
      click(ele){
        this.$router.push({path:'/cartoon',query:{id:ele}})
      },
      //登出
      loginout(){
       localStorage.removeItem("token");
       localStorage.removeItem("user");
       if(localStorage.getItem("flushloginout")==null){
    window.location.reload();
    localStorage.setItem("flushloginout",1)
  }else{
    localStorage.removeItem("flushloginout")
  }
      },
      clo(){
        var dropBox = document.getElementById("zhe");
    dropBox.style.display="none"
      },
      pas(){
        var dropBox = document.getElementById("password");
        if(dropBox.getAttribute('type')=='text'){
  dropBox.setAttribute('type','password')
        }else{
dropBox.setAttribute('type','text')
        }
      },
      enter() {
        let url='http://localhost:8098/iflogin';
        let param = `token=${localStorage.getItem("token")}`;
        axios.post(url,param).then(resp=>{
          let result=resp.data;
          if(result.code===200){
 var dropBox = document.getElementById("ha");
    dropBox.style.display="block";
    this.tablelevel.username1=result.data.name;

    this.tablelevel.nowlevel=result.data.star

    var star=parseInt(result.data.star);
    this.tablelevel.nextlevel=star+1

    localStorage.setItem("exper",result.data.experience)
    this.tablelevel.nowexper=result.data.nextlevel;
    document.getElementById("HeaderUserLevel-bar-per1").style.width=result.data.nextlevel+"%";
    let nextexp=parseInt(result.data.experience);
    let qw=parseInt(nextexp/result.data.nextlevel*100);
    this.tablelevel.nextexp=qw

          }else{
            this.but();
          }
        })
        // alert(123)

},
// 查询番剧
findCartoon(){
  let url='http://localhost:8098/findCartoon';
  axios.get(url).then(resp=>{
    let result=resp.data;
    if(result.code===200){
      this.cartoon=result.data;
    }
  })
},
 iflogin() {

        let url='http://localhost:8098/iflogin';
        let param = `token=${localStorage.getItem("token")}`;
        axios.post(url,param).then(resp=>{
          let result=resp.data;
          if(result.code===200){
          this.tablelevel.picture=result.data.picture;
          if(result.data.identify==='超级管理'){
            document.getElementById('importan').style.display='block'
          }
          }else{

          }
        })
        // alert(123)

},
leave() {
    var dropBox1 = document.getElementById("de");
    dropBox1.style.display="none"
    var dropBox = document.getElementById("ha");
    dropBox.style.display="none"
},
// 登录
login1(){
let url='http://localhost:8098/login';
 let user = this.login;
       axios.post(url,user).then(response=>{
    console.log(user);
      const result=response.data;
      console.log(result)
      if(result.code===200&&result.host!=null){

        const token=result.host
        localStorage.setItem('token',token);
        localStorage.setItem("user",JSON.stringify(result.data))
          var dropBox = document.getElementById("zhe");
    dropBox.style.display="none";

   if(localStorage.getItem("flushlogin")==null){
    window.location.reload();
    localStorage.setItem("flushlogin",1)
  }else{
    localStorage.removeItem("flushlogin")
  }

    this.$message({
            showClose: true,
          message: '登录成功',
          type: 'success'
        });
      }else{

        let err=document.getElementById("errr")
        err.style.display="block"
  // clearTimeout(this.timer);  //清除延迟执行

            this.timer = setTimeout(()=>{   //设置延迟执行
                err.style.display="none"
            },1000);
      }
       })
},

        but1(){
        var dropBox = document.getElementById("zhe");
    dropBox.style.display="block";
      },
      but(){
        var dropBox = document.getElementById("de");
    dropBox.style.display="block";
      },
      exp1(){
        var dropBox=document.getElementById("HeaderUserLevel-tip");
        dropBox.style.display="block";
      },
      exp2(){
  var dropBox=document.getElementById("HeaderUserLevel-tip");
        dropBox.style.display="none";
      }

    }
}
</script>
<style scoped>
/* 未登录隐藏 */
.p2{
      display: block;
    text-align: center;
    font-size: 12px;

}
.is-message{
      background-image: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/sprite.@2x.ea1e6_ca74083.webp);
          background-position: -28px -56px;
              display: block;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 400%;
}
.is-attention{
  background-image: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/sprite.@2x.ea1e6_ca74083.webp);
  background-position: 0 -56px;
      display: block;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 400%;
}
.is-center{
      background-image: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/sprite.@2x.ea1e6_ca74083.webp);
  background-position: -56px -28px;
      font-style: normal;
  display: block;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 400%;
}
.Shortcut-listItem-link {
    position: relative;
    display: block;
    text-align: left;
    font-size: 14px;
    color: #666;
    outline: 0;
    font-family: inherit;
}
.Shortcut-listItem {
    float: left;
    margin: 0 16px;
    width: 58px;
}
.Shortcut-list:before {
    content: " ";
    display: table;
}
.Shortcut-list{
  list-style: none;
}
.Shortcut {
    padding: 18px 0 20px;
}
.Authentication-clientSign {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -28px;
    width: 54px;
    height: 22px;
    margin: 0;
    background: url(https://cq12df.oss-cn-hangzhou.aliyuncs.com/web/qiandao_388be1f.png);
    background-size: cover;
}
.Wallet-content-mywallet-openwallet {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 60px;
    cursor: pointer;
}
.Wallet-content-mywallet-wealth-gold{
    display: inline-block;
    word-break: break-all;
    word-wrap: break-word;
    color: #888;
}
.Wallet-content-mywallet-wealth-sliver {
    margin-right: 10px;
        display: inline-block;
    word-break: break-all;
    word-wrap: break-word;
    color: #888;
}
.Wallet-content-mywallet-wealth {
    margin-top: 7px;
    line-height: 18px;
    white-space: normal;
    text-align: left;
}
.HeaderUserLevel-bar-per {
      border-radius: 5px;
    display: block;
    height: 10px;
    background-color: #30a5ff;
}
.Wallet-content-mywallet-title:after {
    clear: both;
        content: " ";
    display: table;
}
.Wallet-content-recharge {

  text-decoration: none;
    float: right;
    color: #fff;
    background: #ff5d23;
    text-align: center;
    height: 24px;
    line-height: 24px;
    width: 54px;
    border-radius: 24px;
    white-space: nowrap;
    font-size: 12px;
    outline: 0;
    font-family: inherit;
    cursor: pointer;
}
.Wallet-content-mywallet-title:before {
    content: " ";
    display: table;
}
.Wallet-content-mywallet-title {
    display: block;
    text-align: left;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  font-weight: 400;
      margin: 0;
    font-size: 15px;
    color: #333;
    height: 24px;
    line-height: 24px;
}
.Wallet-content-mywallet {
    position: relative;
}
.Wallet-content{
    position: relative;
}
.Wallet {
    margin: 0 16px;
    padding: 15px 0 17px;
    border-bottom: 1px solid #eaeaea;
}
.public-DropMenu-drop-main:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    top: -20px;
}
.iexit{
    background-image: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/header_out_icon@2x_b9de7b2.webp);
        background: url(https://shark2.douyucdn.cn/front-publish/live-master/assets/images/header_out_icon@2x_b9de7b2.png) no-repeat;
    display: inline-block;
    width: 18px;
    height: 14px;
    vertical-align: middle;
    margin-right: 3px;
    background-size: 100%;
    font-style: normal;
}
.Exit {
    position: absolute;
    top: 16px;
    right: 20px;
}
.Exit-btn {
    line-height: 24px;
    color: #666;
    cursor: pointer;
}
.HeaderUserLevel-tip-upExp {
    color: #ff5d23;
    padding: 0 4px;
}
.p{
      padding: 0 0px;
    font-size: 12px;
    margin-top:  0px;
    display: block;
    margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.HeaderUserLevel-tip {
      display: none;
    bottom: 24px;
    left: 50%;
    margin-left: -113px;
    min-width: 226px;
    height: 22px;
    border-radius: 5px;
    background-color: rgba(0,0,0,.6);
    position: absolute;
    line-height: 22px;
    text-align: center;
}
.HeaderUserLevel-bar-num {
    top: -6px;
    right: 0;
    width: 100%;
    font-size: 11px;
        position: absolute;
    line-height: 22px;
    text-align: center;
}
.HeaderUserLevel-bar {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 5px;
}
.HeaderUserLevel-progress {
    position: relative;
    display: inline-block;
    margin: 0 8px;
    width: 230px;
    height: 10px;
    border-radius: 5px;
    background-color: #b9c1cd;
    color: #fff;
    vertical-align: middle;
}
.UserLevel {
    margin-right: 0;
   font-size: 13px;
   color: #d65600;
    display: inline-block;
    width: 40px;
    height: 16px;
    background-repeat: no-repeat;
    vertical-align: middle;

}
.HeaderUserLevel {
    position: relative;
    margin-top: 8px;
    cursor: pointer;
}
.Authentication {
    position: relative;
    font-size: 0;
    margin-top: -3px;
    text-align: center;
}
.a {
    display: inline-block;
    outline: 0;
    font-family: inherit;
        text-decoration: none;
    cursor: pointer;
    background-color: transparent;
    overflow: hidden;
    width: 220px;
    line-height: 30px;
    font-size: 15px;
    color: #555;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.User-nickname {
    padding-top: 4px;
    text-align: center;
}
.AvatarFrame-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 100%;
        display: inline-block;
    -webkit-user-drag: none;
    border: 0;
    vertical-align: middle;
}
.is-circle {

    border-radius: 100%;
}
.AvatarFrame-box {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
}
.AvatarFrame {
    box-sizing: border-box;
    position: relative;
}
.User-avatarWrap {
    position: relative;
    margin-right: 10px;
}
.User-avatar {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    outline: 0;
    font-family: inherit;
    border-radius: 50%;
}
.User:before {
    content: " ";
    display: table;
}
.User:after {
    content: " ";
    display: table;
        clear: both;
}
.Header-UserPane-top {
    padding: 50px 0 19px;
    margin: 0 16px;
}
.public-DropMenu-drop-main:before {
    content: "";
    width: 100%;
    height: 0;
    border-top: 3px solid #ff5d23;
    position: absolute;
    top: -3px;
    left: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.public-DropMenu-drop-main {
    white-space: nowrap;
    position: relative;
}
.i{
      position: absolute!important;
    top: -10px;
        font-style: normal;
  left: 335px;
      margin-left: -7px;
    border-top: 0;
    border-right: 7px dashed transparent;
    border-bottom: 7px solid #ff5d23;
    border-left: 7px dashed transparent;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
}

.Header-UserPane:before {
    content: "";
    width: 100%;
    top: -10px;
    height: 15px;
    position: absolute;
}
.Header-UserPane {
    left: -300px;
    width: 360px;
    transition: all .2s cubic-bezier(.22,.58,.12,.98);
    transform-origin: 80% 0;
    animation: scale-in-ease .5s cubic-bezier(.22,.58,.12,.98);
    z-index: 1;
}
.public-DropMenu-drop {
    display: none;
        position: absolute;
            top: 16px;
                margin-top: 50px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 10%);
        border-radius: 0 0 8px 8px;
}
/*  */
/* 近期热门番剧 */
.home-cell-desc-title[data-v-5888b1d7] {
  padding-left: 0px;
    font-weight: 500;
    font-size: 15px;
    width: 120px;
    color: #18191c;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    margin-left: 0px;
    user-select: none;
    text-align: left;
}

.ranking-cell-desc {
    width: 100%;
    display: flex;
}
.season-cover-score[data-v-ef84dfc4] {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 26px;
    line-height: 24px;
    padding: 0 8px 6px 0;
    color: #fff;
    background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5));
    width: 100%;
    text-align: right;
    z-index: 4;
    font-family: DIN-BoldItalic;
}
.img[data-v-ef84dfc4] {
    z-index: 1;
    object-fit: cover;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 8px;
}
.season-cover[data-v-ef84dfc4], .season-cover img[data-v-ef84dfc4] {
    height: 100%;
    width: 100%;
    border-radius: 8px;
        display: block;
    cursor: pointer;
    background-color: #e3e5e7;
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%22256%22%20height%3D%22256%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M179.967%20110.941C180.137%20112.678%20180.285%20114.415%20180.416%20116.152C180.937%20123.105%20181.171%20130.072%20181.118%20137.046C181.093%20140.539%20180.979%20144.027%20180.788%20147.516C180.689%20149.261%20180.569%20151.002%20180.427%20152.746C180.353%20153.62%20180.275%20154.49%20180.193%20155.361L180.062%20156.668L179.991%20157.322L179.956%20157.647C179.945%20157.755%20179.935%20157.86%20179.917%20157.99C179.69%20159.973%20179.134%20161.923%20178.298%20163.733C177.459%20165.546%20176.333%20167.214%20174.976%20168.663C172.274%20171.57%20168.601%20173.528%20164.716%20174.16C164.644%20174.17%20164.572%20174.182%20164.5%20174.193C164.329%20174.22%20164.158%20174.247%20163.986%20174.265L163.264%20174.34L161.989%20174.445L159.442%20174.644C157.746%20174.774%20156.046%20174.886%20154.346%20174.994C150.949%20175.204%20147.545%20175.37%20144.145%20175.5C137.342%20175.753%20130.534%20175.861%20123.727%20175.792C116.92%20175.724%20110.116%20175.503%20103.316%20175.117C99.9159%20174.925%2096.5193%20174.683%2093.1228%20174.391L92.804%20174.366L92.6446%20174.351L92.464%20174.333C92.2196%20174.308%2091.9753%20174.283%2091.7309%20174.25L91.0013%20174.138L90.2788%20173.994C89.3189%20173.781%2088.3733%20173.488%2087.4595%20173.12C85.6284%20172.383%2083.9213%20171.343%2082.4161%20170.057C79.3985%20167.493%2077.2416%20163.895%2076.3703%20159.991C76.257%20159.504%2076.172%20159.012%2076.0976%20158.518L76.0055%20157.777L75.9382%20157.123C75.8497%20156.253%2075.7718%20155.383%2075.6938%20154.512L75.6938%20154.512C75.5415%20152.771%2075.4105%20151.03%2075.3042%20149.286C74.8721%20142.315%2074.7765%20135.33%2074.9713%20128.36C75.1661%20121.389%2075.6478%20114.44%2076.388%20107.513C76.6005%20105.548%2077.1212%20103.609%2077.9322%20101.81C78.7397%20100.012%2079.8377%2098.3467%2081.1658%2096.9056C83.8151%2094.0199%2087.4029%2092.0299%2091.2173%2091.3653C91.6955%2091.2858%2092.1736%2091.2136%2092.6553%2091.1739L93.013%2091.1414L93.3317%2091.1197L93.9693%2091.0728L96.5193%2090.903C98.2194%2090.7947%2099.9194%2090.708%20101.619%2090.6213C103.847%2090.5129%20106.075%2090.4263%20108.303%2090.354L108.303%2090.3539C108.083%2090.0759%20107.864%2089.7978%20107.648%2089.5161C106.496%2088.0137%20105.381%2086.4823%20104.279%2084.9401L103.461%2083.7771L103.057%2083.192C103.047%2083.1772%20103.037%2083.1623%20103.027%2083.1475C102.902%2082.9677%20102.779%2082.7896%20102.671%2082.5961C102.438%2082.1808%20102.261%2081.7221%20102.158%2081.2092C102.059%2080.6964%20102.02%2080.1329%20102.151%2079.4467C102.703%2076.5212%20105.398%2074.5673%20108.257%2074.9176C108.937%2075.0043%20109.45%2075.2102%20109.9%2075.4666C110.346%2075.7231%20110.722%2076.0373%20111.037%2076.3912C111.18%2076.5505%20111.307%2076.7215%20111.434%2076.8937C111.448%2076.9128%20111.462%2076.9319%20111.476%2076.951L111.898%2077.5217L112.73%2078.6738C113.831%2080.216%20114.915%2081.769%20115.964%2083.351C117.012%2084.9329%20118.032%2086.5365%20119.009%2088.169C119.388%2088.8046%20119.76%2089.4439%20120.129%2090.0904C124.156%2090.0398%20128.179%2090.0254%20132.202%2090.0434C133.439%2090.0506%20134.671%2090.0615%20135.907%2090.0759C136.272%2089.4367%20136.644%2088.801%20137.019%2088.169C137.997%2086.5329%20139.017%2084.9329%20140.065%2083.351C141.114%2081.769%20142.197%2080.216%20143.299%2078.6738L144.131%2077.5217L144.553%2076.951C144.567%2076.9319%20144.581%2076.9127%20144.595%2076.8936C144.722%2076.7215%20144.848%2076.5505%20144.992%2076.3912C145.307%2076.0373%20145.682%2075.7267%20146.129%2075.4666C146.578%2075.2102%20147.092%2075.0043%20147.772%2074.9176C150.673%2074.5529%20153.325%2076.5646%20153.878%2079.4467C154.006%2080.1293%20153.97%2080.6927%20153.871%2081.2092C153.768%2081.7221%20153.591%2082.1808%20153.357%2082.5961C153.255%2082.7816%20153.133%2082.9584%20153.011%2083.1342C152.998%2083.1535%20152.985%2083.1728%20152.971%2083.192L152.568%2083.7771L151.749%2084.9401C150.648%2086.4823%20149.536%2088.0137%20148.381%2089.5161C148.237%2089.7033%20148.091%2089.8888%20147.944%2090.075C147.878%2090.1582%20147.813%2090.2415%20147.747%2090.3251C149.362%2090.3793%20150.981%2090.4407%20152.596%2090.5129C155.996%2090.6682%20159.396%2090.8597%20162.8%2091.1161L162.959%2091.1269L163.136%2091.145L163.497%2091.1811C163.735%2091.1987%20163.966%2091.2333%20164.2%2091.2685L164.22%2091.2714L164.581%2091.3256L164.939%2091.3942C165.176%2091.4375%20165.413%2091.4809%20165.651%2091.5423C166.596%2091.7626%20167.528%2092.0587%20168.428%2092.4308C170.227%2093.1712%20171.906%2094.2222%20173.379%2095.5079C176.333%2098.0722%20178.458%20101.641%20179.283%20105.523C179.34%20105.765%20179.382%20106.007%20179.425%20106.253L179.488%20106.617L179.538%20106.986L179.588%20107.354C179.598%20107.427%20179.605%20107.49%20179.611%20107.553C179.616%20107.597%20179.621%20107.64%20179.627%20107.687L179.697%20108.337C179.793%20109.203%20179.882%20110.074%20179.967%20110.941ZM170.446%20146.928C170.63%20143.554%20170.737%20140.203%20170.762%20136.967C170.811%20130.299%20170.588%20123.567%20170.092%20116.961C169.961%20115.264%20169.816%20113.584%20169.66%20111.97C169.582%20111.147%20169.497%20110.323%20169.409%20109.514L169.338%20108.864L169.345%20108.922L169.324%20108.734L169.263%20108.282L169.2%20107.932L169.161%20107.762C168.821%20106.166%20167.91%20104.631%20166.646%20103.533C166.012%20102.981%20165.282%20102.525%20164.539%20102.218C164.156%20102.06%20163.759%20101.933%20163.356%20101.839L163.225%20101.807L162.895%20101.745L162.548%20101.695L162.18%20101.659L162.038%20101.648C158.978%20101.417%20155.737%20101.225%20152.146%20101.063C145.874%20100.785%20139.336%20100.633%20132.164%20100.6L132.16%20100.6C130.953%20100.597%20129.747%20100.593%20128.544%20100.593C122.555%20100.593%20117.178%20100.658%20112.089%20100.799C108.682%20100.886%20105.328%20101.009%20102.14%20101.164C101.875%20101.178%20101.602%20101.192%20101.323%20101.207C100.017%20101.274%2098.5835%20101.349%2097.2029%20101.438L94.6776%20101.608L93.8595%20101.666L93.5265%20101.698C93.399%20101.709%2093.2007%20101.738%2092.9599%20101.778C91.3838%20102.052%2089.8431%20102.905%2088.7062%20104.143C88.1537%20104.739%2087.6827%20105.455%2087.3391%20106.22C86.9956%20106.979%2086.7653%20107.827%2086.6768%20108.658C85.9578%20115.398%2085.5009%20122.126%2085.3168%20128.66C85.1255%20135.479%2085.2318%20142.193%2085.632%20148.621C85.7347%20150.305%2085.8587%20151.97%2086.0003%20153.577C86.0712%20154.397%2086.1455%20155.216%2086.2305%20156.04L86.2837%20156.56L86.3439%20157.03C86.3793%20157.257%2086.4112%20157.441%2086.443%20157.575L86.4572%20157.647C86.822%20159.298%2087.7641%20160.865%2089.0604%20161.967C89.7156%20162.53%2090.4523%20162.974%2091.2492%20163.296C91.6211%20163.444%2092.0071%20163.567%2092.3967%20163.657L92.7757%20163.733L93.137%20163.791L93.5124%20163.83L93.9834%20163.87C97.2206%20164.148%20100.55%20164.387%20103.883%20164.574C110.403%20164.946%20117.111%20165.167%20123.823%20165.235C125.137%20165.25%20126.454%20165.257%20127.768%20165.257C132.921%20165.257%20138.301%20165.156%20143.752%20164.95C147.067%20164.824%20150.418%20164.657%20153.69%20164.455L153.879%20164.443C155.354%20164.348%20157.039%20164.24%20158.645%20164.116L161.17%20163.917L162.304%20163.823L162.824%20163.769C162.824%20163.769%20163.051%20163.736%20163.136%20163.722C164.769%20163.444%20166.345%20162.599%20167.461%20161.396L167.493%20161.364C168.088%20160.731%20168.573%20160.013%20168.934%20159.229C169.299%20158.442%20169.54%20157.589%20169.635%20156.766L169.657%20156.585L169.766%20155.567L169.89%20154.321L169.9%20154.21C169.971%20153.427%20170.042%20152.648%20170.106%20151.868C170.237%20150.24%20170.354%20148.575%20170.446%20146.928ZM160.571%20124.163C160.972%20124.376%20161.361%20124.593%20161.772%20124.838C163.207%20125.691%20163.444%20127.258%20162.916%20128.927C162.303%20130.855%20160.327%20132.549%20158.436%20131.924L158.354%20131.899C157.968%20131.769%20157.554%20131.617%20157.15%20131.466C157.049%20131.427%20156.948%20131.388%20156.847%20131.35C156.544%20131.234%20156.242%20131.118%20155.939%20130.996L155.815%20130.947C155.456%20130.805%20155.094%20130.661%20154.735%20130.509C154.331%20130.346%20153.931%20130.18%20153.534%20130.007C153.134%20129.839%20152.735%20129.666%20152.337%20129.494L152.337%20129.494L152.337%20129.494C151.938%20129.321%20151.54%20129.149%20151.14%20128.981L148.742%20127.97C147.145%20127.301%20145.54%20126.648%20143.939%20126.001L141.535%20125.044C141.134%20124.883%20140.733%20124.73%20140.332%20124.576C139.931%20124.423%20139.53%20124.269%20139.13%20124.109L139.034%20124.069C137.369%20123.394%20137.302%20121.288%20137.809%20119.497C138.347%20117.586%20139.863%20116.297%20141.736%20116.846C142.601%20117.098%20143.472%20117.358%20144.329%20117.637L145.618%20118.052L146.897%20118.489C148.6%20119.081%20150.286%20119.702%20151.954%20120.36C152.691%20120.642%20153.42%20120.941%20154.148%20121.24L154.149%20121.24L154.149%20121.24L154.451%20121.364C154.523%20121.394%20154.596%20121.424%20154.668%20121.453C154.749%20121.487%20154.83%20121.52%20154.911%20121.554L154.912%20121.554C155.587%20121.832%20156.261%20122.11%20156.931%20122.408C157.752%20122.765%20158.563%20123.148%20159.371%20123.545C159.771%20123.744%20160.171%20123.95%20160.571%20124.163ZM117.352%20124.073L117.256%20124.113C116.871%20124.268%20116.485%20124.416%20116.099%20124.565L116.098%20124.565C115.684%20124.724%20115.269%20124.884%20114.855%20125.052L112.45%20126.009C110.849%20126.652%20109.244%20127.305%20107.647%20127.977L105.249%20128.988C104.895%20129.139%20104.543%20129.291%20104.19%20129.443L104.19%20129.443L104.19%20129.443L104.189%20129.443C103.745%20129.635%20103.301%20129.827%20102.855%20130.014C102.458%20130.187%20102.058%20130.354%20101.654%20130.516C101.375%20130.636%20101.092%20130.748%20100.808%20130.861L100.808%20130.861L100.807%20130.861C100.688%20130.908%20100.569%20130.956%20100.45%20131.004C100.047%20131.166%2099.6428%20131.322%2099.239%20131.473C98.8388%20131.625%2098.4244%20131.78%2098.0348%20131.907L97.9533%20131.932C96.0585%20132.56%2094.0857%20130.863%2093.473%20128.934C92.9418%20127.258%2093.1826%20125.695%2094.6135%20124.842C95.0243%20124.597%2095.4139%20124.38%2095.8141%20124.167C96.2108%20123.954%2096.611%20123.748%2097.0148%20123.549C97.8188%20123.152%2098.6334%20122.769%2099.455%20122.412C100.171%20122.097%20100.893%20121.798%20101.616%20121.5L101.616%20121.5L101.616%20121.5L101.934%20121.368C102.763%20121.025%20103.592%20120.685%20104.431%20120.364C106.103%20119.706%20107.789%20119.085%20109.489%20118.493L110.767%20118.056L112.057%20117.64C112.91%20117.359%20113.781%20117.102%20114.649%20116.85C116.523%20116.301%20118.039%20117.59%20118.577%20119.5C119.08%20121.292%20119.013%20123.394%20117.352%20124.073ZM141.995%20136.233C141.156%20136.063%20140.398%20136.442%20140.16%20137.262L140.118%20137.41L140.047%20137.663L139.962%20137.945C139.905%20138.136%20139.842%20138.328%20139.774%20138.515C139.643%20138.895%20139.495%20139.27%20139.335%20139.635C139.023%20140.365%20138.659%20141.054%20138.237%20141.643C137.812%20142.228%20137.352%20142.727%20136.867%20143.048C136.378%20143.37%20135.885%20143.525%20135.333%20143.536C134.749%20143.554%20134.164%20143.438%20133.605%20143.175C133.041%20142.915%20132.507%20142.496%20131.993%20141.99C131.483%20141.481%20131.016%20140.87%20130.601%20140.206C130.389%20139.877%20130.19%20139.534%20130.006%20139.18C129.914%20139.003%20129.826%20138.826%20129.744%20138.649L129.62%20138.385L129.517%20138.154L129.45%20138.006C129.17%20137.378%20128.561%20137.013%20127.924%20137.024H127.917H127.909C127.275%20137.013%20126.663%20137.378%20126.383%20138.006L126.316%20138.154L126.213%20138.385L126.089%20138.649L126.089%20138.649L126.089%20138.649C126.004%20138.826%20125.919%20139.003%20125.827%20139.18C125.643%20139.53%20125.444%20139.873%20125.232%20140.206C124.818%20140.87%20124.35%20141.481%20123.84%20141.99C123.326%20142.496%20122.792%20142.915%20122.228%20143.175C121.672%20143.438%20121.088%20143.554%20120.5%20143.536C119.948%20143.525%20119.459%20143.366%20118.967%20143.048C118.478%20142.727%20118.017%20142.228%20117.596%20141.643C117.174%20141.054%20116.81%20140.365%20116.498%20139.635C116.339%20139.274%20116.19%20138.898%20116.059%20138.515C116.001%20138.351%20115.948%20138.186%20115.896%20138.024L115.871%20137.945L115.786%20137.663L115.715%20137.41L115.673%20137.262C115.439%20136.439%20114.681%20136.063%20113.838%20136.233C112.949%20136.41%20112.308%20137.15%20112.482%20138.057L112.524%20138.273L112.563%20138.461L112.648%20138.83C112.705%20139.072%20112.768%20139.31%20112.836%20139.548C112.97%20140.025%20113.126%20140.495%20113.3%20140.961C113.657%20141.892%20114.097%20142.81%20114.681%20143.695C115.262%20144.576%20116.006%20145.425%20116.983%20146.096C117.472%20146.429%20118.014%20146.71%20118.598%20146.902C119.179%20147.097%20119.792%20147.205%20120.39%20147.223C121.556%20147.263%20122.735%20146.992%20123.762%20146.486C124.789%20145.984%20125.664%20145.287%20126.379%20144.514C126.974%20143.872%20127.477%20143.185%20127.917%20142.474C128.356%20143.185%20128.859%20143.872%20129.454%20144.514C130.169%20145.287%20131.044%20145.984%20132.071%20146.486C133.098%20146.992%20134.274%20147.259%20135.443%20147.223C136.041%20147.205%20136.654%20147.097%20137.235%20146.902C137.816%20146.71%20138.361%20146.429%20138.85%20146.096C139.827%20145.425%20140.571%20144.576%20141.152%20143.695C141.733%20142.81%20142.176%20141.892%20142.533%20140.961C142.707%20140.495%20142.863%20140.022%20142.997%20139.548C143.065%20139.31%20143.128%20139.072%20143.185%20138.83L143.27%20138.461L143.309%20138.273L143.351%20138.057C143.525%20137.147%20142.888%20136.41%20141.995%20136.233Z%22%20fill%3D%22%23C9CCD0%22%2F%3E%3C%2Fsvg%3E);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
}
.ranking-ratio-item-container {
    width: 100%;
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    transform: rotate(0deg);
}
.hot-ranking-cell-wrapper {
    border-radius: 8px;
}
.hot-ranking-cell-wrapper{
   transition: flex .3s,-webkit-box-flex .3s,-ms-flex .3s;
}
.is-hover-animation-active {
    transition: flex .3s,-webkit-box-flex .3s,-ms-flex .3s;
}
 .inner-content-item-v7 {
    -webkit-box-flex: 0;

    flex: 0 0 calc(14.29% - 17.14px);
    width: calc(14.29% - 17.14px);
    margin-right: 20px;
    margin-left: 0px;
}
#home_v3_module_feed_hvline {
    margin-bottom: 40px;
    margin-left: 0px;
}
.feenline-vcard-wrapper {
    display: flex;
    overflow: hidden;

}
.inner-content-wrapper {
    margin: 0 60px;
}
.home-cell-desc-subtitle[data-v-5888b1d7] {
  display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    margin: 4px 0 0;
        user-select: none;
    font-size: 13px;
    color: rgba(0,0,0,.5);
    width: 149px;
    overflow: hidden;
    height: 16px;
    line-height: 16px;
}

.hotranking-content-item-desc {
    margin-top: 10px;
    display: inline-block;
   text-align: left;
    box-sizing: border-box;
    -webkit-box-flex: 1;

    flex: 1;
    overflow: hidden;
    padding: 0 93px 0 0;
}
.no-rank-id {
    padding: 1px 15px 9px;
}
.ranking-cell-desc {
    width: 100%;
        padding: 1px 15px 9px;
    display: flex;
}
.img[data-v-ef84dfc4] {
    z-index: 1;
        position: relative;
    height: 100%;
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.season-cover[data-v-ef84dfc4]{
    height: 100%;
    width: 100%;
    border-radius: 8px;
    display: block;
    cursor: pointer;
    background-color: #e3e5e7;
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%22256%22%20height%3D%22256%22%20viewBox%3D%220%200%20256%20256%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M179.967%20110.941C180.137%20112.678%20180.285%20114.415%20180.416%20116.152C180.937%20123.105%20181.171%20130.072%20181.118%20137.046C181.093%20140.539%20180.979%20144.027%20180.788%20147.516C180.689%20149.261%20180.569%20151.002%20180.427%20152.746C180.353%20153.62%20180.275%20154.49%20180.193%20155.361L180.062%20156.668L179.991%20157.322L179.956%20157.647C179.945%20157.755%20179.935%20157.86%20179.917%20157.99C179.69%20159.973%20179.134%20161.923%20178.298%20163.733C177.459%20165.546%20176.333%20167.214%20174.976%20168.663C172.274%20171.57%20168.601%20173.528%20164.716%20174.16C164.644%20174.17%20164.572%20174.182%20164.5%20174.193C164.329%20174.22%20164.158%20174.247%20163.986%20174.265L163.264%20174.34L161.989%20174.445L159.442%20174.644C157.746%20174.774%20156.046%20174.886%20154.346%20174.994C150.949%20175.204%20147.545%20175.37%20144.145%20175.5C137.342%20175.753%20130.534%20175.861%20123.727%20175.792C116.92%20175.724%20110.116%20175.503%20103.316%20175.117C99.9159%20174.925%2096.5193%20174.683%2093.1228%20174.391L92.804%20174.366L92.6446%20174.351L92.464%20174.333C92.2196%20174.308%2091.9753%20174.283%2091.7309%20174.25L91.0013%20174.138L90.2788%20173.994C89.3189%20173.781%2088.3733%20173.488%2087.4595%20173.12C85.6284%20172.383%2083.9213%20171.343%2082.4161%20170.057C79.3985%20167.493%2077.2416%20163.895%2076.3703%20159.991C76.257%20159.504%2076.172%20159.012%2076.0976%20158.518L76.0055%20157.777L75.9382%20157.123C75.8497%20156.253%2075.7718%20155.383%2075.6938%20154.512L75.6938%20154.512C75.5415%20152.771%2075.4105%20151.03%2075.3042%20149.286C74.8721%20142.315%2074.7765%20135.33%2074.9713%20128.36C75.1661%20121.389%2075.6478%20114.44%2076.388%20107.513C76.6005%20105.548%2077.1212%20103.609%2077.9322%20101.81C78.7397%20100.012%2079.8377%2098.3467%2081.1658%2096.9056C83.8151%2094.0199%2087.4029%2092.0299%2091.2173%2091.3653C91.6955%2091.2858%2092.1736%2091.2136%2092.6553%2091.1739L93.013%2091.1414L93.3317%2091.1197L93.9693%2091.0728L96.5193%2090.903C98.2194%2090.7947%2099.9194%2090.708%20101.619%2090.6213C103.847%2090.5129%20106.075%2090.4263%20108.303%2090.354L108.303%2090.3539C108.083%2090.0759%20107.864%2089.7978%20107.648%2089.5161C106.496%2088.0137%20105.381%2086.4823%20104.279%2084.9401L103.461%2083.7771L103.057%2083.192C103.047%2083.1772%20103.037%2083.1623%20103.027%2083.1475C102.902%2082.9677%20102.779%2082.7896%20102.671%2082.5961C102.438%2082.1808%20102.261%2081.7221%20102.158%2081.2092C102.059%2080.6964%20102.02%2080.1329%20102.151%2079.4467C102.703%2076.5212%20105.398%2074.5673%20108.257%2074.9176C108.937%2075.0043%20109.45%2075.2102%20109.9%2075.4666C110.346%2075.7231%20110.722%2076.0373%20111.037%2076.3912C111.18%2076.5505%20111.307%2076.7215%20111.434%2076.8937C111.448%2076.9128%20111.462%2076.9319%20111.476%2076.951L111.898%2077.5217L112.73%2078.6738C113.831%2080.216%20114.915%2081.769%20115.964%2083.351C117.012%2084.9329%20118.032%2086.5365%20119.009%2088.169C119.388%2088.8046%20119.76%2089.4439%20120.129%2090.0904C124.156%2090.0398%20128.179%2090.0254%20132.202%2090.0434C133.439%2090.0506%20134.671%2090.0615%20135.907%2090.0759C136.272%2089.4367%20136.644%2088.801%20137.019%2088.169C137.997%2086.5329%20139.017%2084.9329%20140.065%2083.351C141.114%2081.769%20142.197%2080.216%20143.299%2078.6738L144.131%2077.5217L144.553%2076.951C144.567%2076.9319%20144.581%2076.9127%20144.595%2076.8936C144.722%2076.7215%20144.848%2076.5505%20144.992%2076.3912C145.307%2076.0373%20145.682%2075.7267%20146.129%2075.4666C146.578%2075.2102%20147.092%2075.0043%20147.772%2074.9176C150.673%2074.5529%20153.325%2076.5646%20153.878%2079.4467C154.006%2080.1293%20153.97%2080.6927%20153.871%2081.2092C153.768%2081.7221%20153.591%2082.1808%20153.357%2082.5961C153.255%2082.7816%20153.133%2082.9584%20153.011%2083.1342C152.998%2083.1535%20152.985%2083.1728%20152.971%2083.192L152.568%2083.7771L151.749%2084.9401C150.648%2086.4823%20149.536%2088.0137%20148.381%2089.5161C148.237%2089.7033%20148.091%2089.8888%20147.944%2090.075C147.878%2090.1582%20147.813%2090.2415%20147.747%2090.3251C149.362%2090.3793%20150.981%2090.4407%20152.596%2090.5129C155.996%2090.6682%20159.396%2090.8597%20162.8%2091.1161L162.959%2091.1269L163.136%2091.145L163.497%2091.1811C163.735%2091.1987%20163.966%2091.2333%20164.2%2091.2685L164.22%2091.2714L164.581%2091.3256L164.939%2091.3942C165.176%2091.4375%20165.413%2091.4809%20165.651%2091.5423C166.596%2091.7626%20167.528%2092.0587%20168.428%2092.4308C170.227%2093.1712%20171.906%2094.2222%20173.379%2095.5079C176.333%2098.0722%20178.458%20101.641%20179.283%20105.523C179.34%20105.765%20179.382%20106.007%20179.425%20106.253L179.488%20106.617L179.538%20106.986L179.588%20107.354C179.598%20107.427%20179.605%20107.49%20179.611%20107.553C179.616%20107.597%20179.621%20107.64%20179.627%20107.687L179.697%20108.337C179.793%20109.203%20179.882%20110.074%20179.967%20110.941ZM170.446%20146.928C170.63%20143.554%20170.737%20140.203%20170.762%20136.967C170.811%20130.299%20170.588%20123.567%20170.092%20116.961C169.961%20115.264%20169.816%20113.584%20169.66%20111.97C169.582%20111.147%20169.497%20110.323%20169.409%20109.514L169.338%20108.864L169.345%20108.922L169.324%20108.734L169.263%20108.282L169.2%20107.932L169.161%20107.762C168.821%20106.166%20167.91%20104.631%20166.646%20103.533C166.012%20102.981%20165.282%20102.525%20164.539%20102.218C164.156%20102.06%20163.759%20101.933%20163.356%20101.839L163.225%20101.807L162.895%20101.745L162.548%20101.695L162.18%20101.659L162.038%20101.648C158.978%20101.417%20155.737%20101.225%20152.146%20101.063C145.874%20100.785%20139.336%20100.633%20132.164%20100.6L132.16%20100.6C130.953%20100.597%20129.747%20100.593%20128.544%20100.593C122.555%20100.593%20117.178%20100.658%20112.089%20100.799C108.682%20100.886%20105.328%20101.009%20102.14%20101.164C101.875%20101.178%20101.602%20101.192%20101.323%20101.207C100.017%20101.274%2098.5835%20101.349%2097.2029%20101.438L94.6776%20101.608L93.8595%20101.666L93.5265%20101.698C93.399%20101.709%2093.2007%20101.738%2092.9599%20101.778C91.3838%20102.052%2089.8431%20102.905%2088.7062%20104.143C88.1537%20104.739%2087.6827%20105.455%2087.3391%20106.22C86.9956%20106.979%2086.7653%20107.827%2086.6768%20108.658C85.9578%20115.398%2085.5009%20122.126%2085.3168%20128.66C85.1255%20135.479%2085.2318%20142.193%2085.632%20148.621C85.7347%20150.305%2085.8587%20151.97%2086.0003%20153.577C86.0712%20154.397%2086.1455%20155.216%2086.2305%20156.04L86.2837%20156.56L86.3439%20157.03C86.3793%20157.257%2086.4112%20157.441%2086.443%20157.575L86.4572%20157.647C86.822%20159.298%2087.7641%20160.865%2089.0604%20161.967C89.7156%20162.53%2090.4523%20162.974%2091.2492%20163.296C91.6211%20163.444%2092.0071%20163.567%2092.3967%20163.657L92.7757%20163.733L93.137%20163.791L93.5124%20163.83L93.9834%20163.87C97.2206%20164.148%20100.55%20164.387%20103.883%20164.574C110.403%20164.946%20117.111%20165.167%20123.823%20165.235C125.137%20165.25%20126.454%20165.257%20127.768%20165.257C132.921%20165.257%20138.301%20165.156%20143.752%20164.95C147.067%20164.824%20150.418%20164.657%20153.69%20164.455L153.879%20164.443C155.354%20164.348%20157.039%20164.24%20158.645%20164.116L161.17%20163.917L162.304%20163.823L162.824%20163.769C162.824%20163.769%20163.051%20163.736%20163.136%20163.722C164.769%20163.444%20166.345%20162.599%20167.461%20161.396L167.493%20161.364C168.088%20160.731%20168.573%20160.013%20168.934%20159.229C169.299%20158.442%20169.54%20157.589%20169.635%20156.766L169.657%20156.585L169.766%20155.567L169.89%20154.321L169.9%20154.21C169.971%20153.427%20170.042%20152.648%20170.106%20151.868C170.237%20150.24%20170.354%20148.575%20170.446%20146.928ZM160.571%20124.163C160.972%20124.376%20161.361%20124.593%20161.772%20124.838C163.207%20125.691%20163.444%20127.258%20162.916%20128.927C162.303%20130.855%20160.327%20132.549%20158.436%20131.924L158.354%20131.899C157.968%20131.769%20157.554%20131.617%20157.15%20131.466C157.049%20131.427%20156.948%20131.388%20156.847%20131.35C156.544%20131.234%20156.242%20131.118%20155.939%20130.996L155.815%20130.947C155.456%20130.805%20155.094%20130.661%20154.735%20130.509C154.331%20130.346%20153.931%20130.18%20153.534%20130.007C153.134%20129.839%20152.735%20129.666%20152.337%20129.494L152.337%20129.494L152.337%20129.494C151.938%20129.321%20151.54%20129.149%20151.14%20128.981L148.742%20127.97C147.145%20127.301%20145.54%20126.648%20143.939%20126.001L141.535%20125.044C141.134%20124.883%20140.733%20124.73%20140.332%20124.576C139.931%20124.423%20139.53%20124.269%20139.13%20124.109L139.034%20124.069C137.369%20123.394%20137.302%20121.288%20137.809%20119.497C138.347%20117.586%20139.863%20116.297%20141.736%20116.846C142.601%20117.098%20143.472%20117.358%20144.329%20117.637L145.618%20118.052L146.897%20118.489C148.6%20119.081%20150.286%20119.702%20151.954%20120.36C152.691%20120.642%20153.42%20120.941%20154.148%20121.24L154.149%20121.24L154.149%20121.24L154.451%20121.364C154.523%20121.394%20154.596%20121.424%20154.668%20121.453C154.749%20121.487%20154.83%20121.52%20154.911%20121.554L154.912%20121.554C155.587%20121.832%20156.261%20122.11%20156.931%20122.408C157.752%20122.765%20158.563%20123.148%20159.371%20123.545C159.771%20123.744%20160.171%20123.95%20160.571%20124.163ZM117.352%20124.073L117.256%20124.113C116.871%20124.268%20116.485%20124.416%20116.099%20124.565L116.098%20124.565C115.684%20124.724%20115.269%20124.884%20114.855%20125.052L112.45%20126.009C110.849%20126.652%20109.244%20127.305%20107.647%20127.977L105.249%20128.988C104.895%20129.139%20104.543%20129.291%20104.19%20129.443L104.19%20129.443L104.19%20129.443L104.189%20129.443C103.745%20129.635%20103.301%20129.827%20102.855%20130.014C102.458%20130.187%20102.058%20130.354%20101.654%20130.516C101.375%20130.636%20101.092%20130.748%20100.808%20130.861L100.808%20130.861L100.807%20130.861C100.688%20130.908%20100.569%20130.956%20100.45%20131.004C100.047%20131.166%2099.6428%20131.322%2099.239%20131.473C98.8388%20131.625%2098.4244%20131.78%2098.0348%20131.907L97.9533%20131.932C96.0585%20132.56%2094.0857%20130.863%2093.473%20128.934C92.9418%20127.258%2093.1826%20125.695%2094.6135%20124.842C95.0243%20124.597%2095.4139%20124.38%2095.8141%20124.167C96.2108%20123.954%2096.611%20123.748%2097.0148%20123.549C97.8188%20123.152%2098.6334%20122.769%2099.455%20122.412C100.171%20122.097%20100.893%20121.798%20101.616%20121.5L101.616%20121.5L101.616%20121.5L101.934%20121.368C102.763%20121.025%20103.592%20120.685%20104.431%20120.364C106.103%20119.706%20107.789%20119.085%20109.489%20118.493L110.767%20118.056L112.057%20117.64C112.91%20117.359%20113.781%20117.102%20114.649%20116.85C116.523%20116.301%20118.039%20117.59%20118.577%20119.5C119.08%20121.292%20119.013%20123.394%20117.352%20124.073ZM141.995%20136.233C141.156%20136.063%20140.398%20136.442%20140.16%20137.262L140.118%20137.41L140.047%20137.663L139.962%20137.945C139.905%20138.136%20139.842%20138.328%20139.774%20138.515C139.643%20138.895%20139.495%20139.27%20139.335%20139.635C139.023%20140.365%20138.659%20141.054%20138.237%20141.643C137.812%20142.228%20137.352%20142.727%20136.867%20143.048C136.378%20143.37%20135.885%20143.525%20135.333%20143.536C134.749%20143.554%20134.164%20143.438%20133.605%20143.175C133.041%20142.915%20132.507%20142.496%20131.993%20141.99C131.483%20141.481%20131.016%20140.87%20130.601%20140.206C130.389%20139.877%20130.19%20139.534%20130.006%20139.18C129.914%20139.003%20129.826%20138.826%20129.744%20138.649L129.62%20138.385L129.517%20138.154L129.45%20138.006C129.17%20137.378%20128.561%20137.013%20127.924%20137.024H127.917H127.909C127.275%20137.013%20126.663%20137.378%20126.383%20138.006L126.316%20138.154L126.213%20138.385L126.089%20138.649L126.089%20138.649L126.089%20138.649C126.004%20138.826%20125.919%20139.003%20125.827%20139.18C125.643%20139.53%20125.444%20139.873%20125.232%20140.206C124.818%20140.87%20124.35%20141.481%20123.84%20141.99C123.326%20142.496%20122.792%20142.915%20122.228%20143.175C121.672%20143.438%20121.088%20143.554%20120.5%20143.536C119.948%20143.525%20119.459%20143.366%20118.967%20143.048C118.478%20142.727%20118.017%20142.228%20117.596%20141.643C117.174%20141.054%20116.81%20140.365%20116.498%20139.635C116.339%20139.274%20116.19%20138.898%20116.059%20138.515C116.001%20138.351%20115.948%20138.186%20115.896%20138.024L115.871%20137.945L115.786%20137.663L115.715%20137.41L115.673%20137.262C115.439%20136.439%20114.681%20136.063%20113.838%20136.233C112.949%20136.41%20112.308%20137.15%20112.482%20138.057L112.524%20138.273L112.563%20138.461L112.648%20138.83C112.705%20139.072%20112.768%20139.31%20112.836%20139.548C112.97%20140.025%20113.126%20140.495%20113.3%20140.961C113.657%20141.892%20114.097%20142.81%20114.681%20143.695C115.262%20144.576%20116.006%20145.425%20116.983%20146.096C117.472%20146.429%20118.014%20146.71%20118.598%20146.902C119.179%20147.097%20119.792%20147.205%20120.39%20147.223C121.556%20147.263%20122.735%20146.992%20123.762%20146.486C124.789%20145.984%20125.664%20145.287%20126.379%20144.514C126.974%20143.872%20127.477%20143.185%20127.917%20142.474C128.356%20143.185%20128.859%20143.872%20129.454%20144.514C130.169%20145.287%20131.044%20145.984%20132.071%20146.486C133.098%20146.992%20134.274%20147.259%20135.443%20147.223C136.041%20147.205%20136.654%20147.097%20137.235%20146.902C137.816%20146.71%20138.361%20146.429%20138.85%20146.096C139.827%20145.425%20140.571%20144.576%20141.152%20143.695C141.733%20142.81%20142.176%20141.892%20142.533%20140.961C142.707%20140.495%20142.863%20140.022%20142.997%20139.548C143.065%20139.31%20143.128%20139.072%20143.185%20138.83L143.27%20138.461L143.309%20138.273L143.351%20138.057C143.525%20137.147%20142.888%20136.41%20141.995%20136.233Z%22%20fill%3D%22%23C9CCD0%22%2F%3E%3C%2Fsvg%3E);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
}
.ranking-ratio-item-container {
    width: 100%;
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
    transform: rotate(0deg);
}
.is-hover-animation-active {
  transition: flex .3s,-webkit-box-flex .3s,-ms-flex .3s;
}
.inner-content-item {
    -webkit-box-flex: 0;
    flex: 0 0 calc(16.67% - 16.67px);
    width: calc(16.67% - 16.67px);
}
.hot-ranking-cell-wrapper{
  transition: flex .3s,-webkit-box-flex .3s,-ms-flex .3s;
  border-radius: 8px;
}
.inner-content-body {
    display: flex;
    overflow: hidden;
    margin: 12px 0;
}
.inner-content-body-container {
    position: relative;
}
 .font {
    font-size: 13px;
    padding-right: 2px;
    height: 18px;
    display: inline-block;
}
 .title-right {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 7px 9px 7px 11px;
    border: 1px solid #E3E5E7;
    border-radius: 6px;
    color: #424346;
    font-size: 0;
}
.module-title-name {
    font-weight: 600;
    font-size: 24px;
}
.title-left {
      -webkit-box-pack: justify;
   justify-content: space-between;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.section-title-v2-wrapper {
      -webkit-box-pack: justify;
   justify-content: space-between;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.inner-content-head {
    margin: 12px 0;
}
.home-page-switch-wrapper.inner-content-wrapper {
    margin-top: 56px;
}
/*  */
/* 登录 */
.ul1{
  list-style-type: none;
margin: 0;
padding: 0;
}
.css-navNotloginBtnArea-2RrJY {
  clear: both;
  padding-top: 20px;
  margin-left: 10px;
}
.input1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: inset 0 0 0 1000px #fff;
    margin-left: 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    overflow: visible;
}
.css-navNotloginBtnLogin-hZbUj {
  border: 2px solid #ff5d23;
  line-height: 28px;
  width: 114px;
  display: inline-block;
  border-radius: 6px;
  font-size: 14px;
  margin: 0 4px;
  background-color: #ff5d23;
  color: #fff;
  cursor: pointer;
  text-align: center;
}
.css-navNotloginBtnReg-bXsVn {
  border: 2px solid #ff5d23;
  line-height: 28px;
  width: 114px;
  display: inline-block;
  border-radius: 6px;
  font-size: 14px;
  margin: 0 4px;
  background-color: #fff;
  color: #ff5d23;
  cursor: pointer;
  text-align: center;
}
.span1 {
  display: block;
  line-height: 22px;
  font-size: 10px;
}
.css-navIconAnchor-PHoSG {
  display: block;
  width: 54px;
  height: 54px;
  background: url(https://shark2.douyucdn.cn/front-publish/weibo-web-master/images/a696bd4b5f39481c4d11fff538744d21.png) 0 0;
    background-size: auto;
  background-size: 200% auto;
}
.css-navIconHD-s8ALo {
  display: block;
  width: 54px;
  height: 54px;
  background: url(https://shark2.douyucdn.cn/front-publish/weibo-web-master/images/a696bd4b5f39481c4d11fff538744d21.png) -54px 0;
    background-size: auto;
  background-size: 200% auto;
}
h3 {
  line-height: 54px;
  margin: 0 33px;
  font-size: 14px;
  font-weight: normal;
}
.css-navNotloginUserDropdownList-CLSY8 {
  float: left;
  width: 54px;
  height: 74px;
  text-align: center;
  margin-left: 28px;
}
.css-navIconDanmu-5xO1L {
  display: block;
  width: 54px;
  height: 54px;
  background: url(https://shark2.douyucdn.cn/front-publish/weibo-web-master/images/a696bd4b5f39481c4d11fff538744d21.png) 0 -54px;
    background-size: auto;
  background-size: 200% auto;
}
.css-navNotloginUserDropdownContent-VPGua::before {

    content: '';
    width: 100%;
    height: 0;
    border-top: 3px solid #ff5d23;
    position: absolute;
    top: 0;
    left: 0;

}

.css-navNotloginUserDropdownContent-VPGua {

    min-height: 200px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    text-align: left;
    color: #888;

}
.css-navNotloginUserDropdown-e4cFf {
  position: absolute;
  z-index: 6000;
  top: 60px;
  right: 0;
  width: 276px;
}
.css-navNotloginUserDropdownTriangle-ZFN6B::before {
  position: absolute;
  content: ' ';
  top: -6px;
  right: 24px;
  border-top: 0;
  border-right: 7px dashed transparent;
  border-bottom: 7px solid #ff5d23;
  border-left: 7px dashed transparent;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
}

.err{
   position: absolute;
  display: none;
}
.el-alert {
  height: 35px;
    width: 40%;
    padding: 0px 16px;
    margin-top:-100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 26px;
    position: relative;
    background-color: #FFF;
    overflow: hidden;
    opacity: 1;
line-height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}


.login-agreement-wp {
      font-size: 13px;
    color: #999;
    text-align: center;
    line-height: 6px;
    font-weight: 400;
    width: 351px;
    position: absolute;
    bottom: 29px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.btn_primary[data-v-327e145a] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 194px;
    height: 40px;
    cursor: pointer;
    color: #fff;
    background: #00aeec;
    border-radius: 8px;
}
.btn_other[data-v-327e145a] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 194px;
    height: 40px;
    cursor: pointer;
    color: #18191c;
    background: #fff;
    border: 1px solid #e3e5e7;
    border-radius: 8px;
}
.btn_wp[data-v-327e145a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    width: 400px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
}
.desc {
      display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size: 12px;
    color: #999;
    line-height: 18px;
}
.title2 {
  margin-left: 0px;
  padding-left: 0px;
      display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size: 14px;
    line-height: 10px;
    color: #212121;
}
 .forget-tip-line {
    padding: -15px 0 11px 18px;
    cursor: pointer;
}
.forget-tip {
  display: none;
    position: absolute;
    top: 60px;
    right: -115px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 332px;
    height: 120px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 21%);
    box-shadow: 0 1px 5px rgb(0 0 0 / 21%);
    border-radius: 5px;
    z-index: 1;
}
.clickable {
    color: #00a1d6;
    cursor: pointer;
}
.form__separator-line {
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e3e5e7;
}
input{
  font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border: none;
    overflow: visible;
    -webkit-box-flex: 1;
    flex: 1;
        box-shadow: inset 0 0 0 1000px #fff;
    margin-left: 20px;
}
.form__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 12px 20px;
}
.tab__form {
    width: 400px;
    height: 90px;
    border: 1px solid #e3e5e7;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #212121;
}
.login-pwd-wp {
    position: relative;
}
.login-tab-item[data-v-35ff7abe] {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #505050;
    cursor: pointer;
}
.login-tab-line[data-v-35ff7abe] {
    width: 1px;
    height: 20px;
    background: #e3e5e7;
    border-radius: 8px;
    margin: 0 21px;
}
.login-tab-item[data-v-35ff7abe] {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    color: #505050;
    cursor: pointer;
}
.active-tab[data-v-35ff7abe] {
    color: #4fa5d9;
    cursor: not-allowed;
}
.login-tab-wp[data-v-35ff7abe] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px;
}
.bili-mini-login-right-wp {
    width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bili-mini-line {
    position: relative;
    display: block;
    width: 1px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 228px;
    background-color: #e3e5e7;
    margin: 43px 44px 0 45px;
    z-index: 1;
    border-radius: 8px;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
}
.login-scan-desc {
  margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    vertical-align: baseline;

}
.login-scan-box {
      display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    width: 173px;
    height: 173px;
    border: 1px solid #e3e5e7;
    border-radius: 8px;
}
.login-scan-hover-wp {
    position: relative;
}
.img1{
  margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    vertical-align: baseline;
    width: 160px;
}
.login-scan-wp {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.login-scan-title {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
    color: #505050;
    margin-bottom: 26px;
}
.bili-mini-close-icon {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(https://s1.hdslb.com/bfs/seed/jinkela/short/mini-login-v2/img/close.a35a1809.svg) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 2;
}
.tan{
  display: none;
}
.bili-mini-content-wp {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 820px;
    min-height: 430px;
    background: #fff;
    border-radius: 8px;
    padding: 52px 65px 29px 92px;
    background-image: url(https://s1.hdslb.com/bfs/seed/jinkela/short/mini-login-v2/img/22_open.4ea5f239.png),url(https://s1.hdslb.com/bfs/seed/jinkela/short/mini-login-v2/img/33_open.f7d7f655.png);
    background-position: 0 100%,100% 100%;
    background-repeat: no-repeat,no-repeat;
    background-size: 14%;
    position: relative;
    user-select: none;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.bili-mini-mask {
      display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 14px;
    background: rgba(0,0,0,.5);
    z-index: 10010;
    -webkit-box-align: center;
    align-items: center;
}
/* 导播 */
.inner-content-body {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.inner-content-wrapper {
    margin: 0 60px;
}
.home-index-wrapper.inner-content-wrapper {
    margin-top: 52px;
}
.inner-content-item-index {
    position: relative;
    margin-right: 20px;
    padding: 16px 20px;
    border-radius: 8px;
    box-sizing: border-box;
      flex: 0 0 calc(25% - 15px);
    width: calc(25% - 15px);
        -webkit-box-flex: 0;
}
.index-categary-head {
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    color: #18191c;

}
/*  */
/* 登录结束 */
.register-exper {
    color: #00b5e5;
    cursor: pointer;
}
.register-tip {
    margin-top: 16px;
    color: var(--text1);
    text-align: center;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 20px;
}
.login-but{
  width: 330px;
      border-radius: 16px;
      margin-top:0px;
      height: 40px;
      box-sizing: border-box;
}
 .login-btn {
  margin-left: 100px;
    position: relative;
    display: block;
    box-sizing: border-box;
    /* padding: 10px 0; */
    height: 40px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    font-size: 0;
    line-height: 20px;
    cursor: pointer;
    transition: background-color .3s;
}
.lt-text {
    margin-left: 6px;
    color: var(--text1);
    font-size: 14px;
    line-height: 14px;
    word-break: keep-all;
}
.login-tip-content>* {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    width: 50%;
    height: 26px;
}
.login-tip-content {
    display: flex;
    flex-wrap: wrap;
}
.title1{
  margin-top: 0px;
  font-family: PingFang SC,HarmonyOS_Medium,Helvetica Neue,Microsoft YaHei,sans-serif;
    font-weight: 500;
}
.login-panel-popover {
    padding: 22px 20px;
    width: 359px;
    border-radius: 8px;
    text-align: left;
}
*{
 text-decoration-line: none;
}
.counts-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 0 20px;
  color: #18191c;
}
.single-count-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  transition: color .2s;
  color: #18191c;
}
.single-link-item {

  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
  padding: 0 14px;
  height: 38px;
  border-radius: 8px;
  color: #18191c;
  font-size: 14px;
  cursor: pointer;
  transition: background-color .3s;
  white-space: nowrap;
}
.counts-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding: 0 20px;
  color: #18191c;
}
.v-popover-wrap {
    position: relative;
}
.level-item {
  margin-right: 10px;
  margin-bottom: 10px;
  width: 250px;
  cursor: pointer;
}
 .coin-animation {
    position: absolute;
    bottom: -10px;
    left: 90px;
    width: 50px;
    height: 105px;
}
.coins-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    font-size: 12px;
}
.nickname-item{
   text-decoration-line: none;
  display: flex;
    justify-content: center;
    margin-top: -40px;
    margin-bottom: 2px;
    font-size: 18px;
    color: #18191c;
    /* font-family: PingFang SC,HarmonyOS_Medium,Helvetica Neue,Microsoft YaHei,sans-serif; */
font-weight: 500;
}
 .big-avatar {
    display: block;
    margin-bottom: 4px;
    width: 80px;
    height: 80px;
    opacity: 0;
}
.avatar-panel-popover {
    padding: 0 24px 18px;
    width: 300px;
    border-radius: 8px;
    background-color: var(--bg1_float);
}
.v-popover-content {
    position: relative;
    background-color: #ffffffff;
    box-shadow: 0 0 30px #0000001a;
    border-radius: 8px;
    border: 1px solid var(--line_regular);
    color: var(--text1);
}
.v-popover{
top: 100%;
    left: 50%;
        position: absolute;
    transition: .3s;
    z-index: 1;
        transform: translate3d(-50%,0,0);
        display: block;
}
.level-item__text {
  color:#999;
  font-size: 12px;
}
.level-progress__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 2px;
  border-radius: 2px;
  background: #f3cb85;
}
.level-progress {
  position: relative;
  margin: 4px 6px;
  width: 240px;
  height: 2px;
  background-color:#e1dfda;
}
.level-item__bar--tag {
  display: flex;
  align-items: center;
  width: 32px;
  height: 16px;
  text-align: center;
}
.level-item__bar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  margin-left: 15px;
}
.is-bottom {
    top: 100%;
    left: 50%;
        transform: translate3d(-50%,0,0);
}
.slide-down {
    position: fixed;
    top: 0;
    animation: headerSlideDown .3s linear forwards;
    background: var(--bg1);
    box-shadow: 0 2px 4px #00000014;
    background: var(--bg1_float);
}
.vertical-items-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50px;
  margin-right: 32px;
}
.title{
   text-decoration-line: none;
  margin-left: 0;
}
.item-link-a{
   text-decoration-line: none;
    font-size: 15px;
  line-height: 21px;
  cursor: pointer;
  color: #61666d;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  width: 90px;

}
.index-categary-content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.index-categary-content-container {
  margin-top: 8px;
  width: 100%;
  height: 50px;
  overflow: hidden;
}
#app{
  margin-top: -8px;
}
.el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 200px;
    margin-top: 0px;

  }

  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  .deng{
    margin-top: -10px;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }

.home-banner-wrapper {
  width: 100%;
  max-width: 2560px;
  margin: -63px auto 0;
  position: relative;
}
.index-categary-head {
   text-decoration-line: none;
  line-height: 28px;
  font-size: 20px;
  font-weight: 600;
  color: #18191c;
  width: 200px;
}
.home-v3-app-container {

  min-width: 1100px;
  background: #fff;
  padding-bottom: 1px;
  -webkit-font-smoothing: antialiased;
  margin-top: -8px;
}
.bili-header {
  font-size: 14px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  color: #18191c;
  background-color: #f6f7f8;
  min-width: 1100px;

}
.bili-header__bar {
  position: fixed;
  z-index: 999;
  /* position: absolute; */
  top: 0;
  z-index: 1002;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0px;
  max-width: 2560px;
  width: 100%;
  height: 64px;
}
/* 斗鱼导航栏 */
.css-navUserFooterItemIconMsg-UkjAc {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(https://shark2.douyucdn.cn/front-publish/weibo-web-master/images/4fc77af9a695fbe8c5e17d59a11908ec.png) no-repeat -28px -55px;
    background-size: auto;
  background-size: 400%;
}
.css-navUserFooterItemIconLove-RQpZ7 {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(https://shark2.douyucdn.cn/front-publish/weibo-web-master/images/4fc77af9a695fbe8c5e17d59a11908ec.png) no-repeat 0 -55px;
    background-size: auto;
  background-size: 400%;
}
.geren{
    display: block;
line-height: 30px;
}
.css-navUserFooterItemIconUser-HADY5 {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(https://shark2.douyucdn.cn/front-publish/weibo-web-master/images/4fc77af9a695fbe8c5e17d59a11908ec.png) no-repeat -56px -28px;
    background-size: auto;
  background-size: 400%;
}
.css-navUserFooterItem-H9y5f {
  display: inline-block;
  width: 58px;
  font-size: 12px;
  color: #666;
  text-align: center;
  margin-left: 25px;
}
.css-navUserFooter-kjfqs {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 65px;
  width: 100%;
  text-align: left;
}
.css-navUserLine-qIRnB {
  position: absolute;
  bottom: 80px;
  left: 5%;
  width: 90%;
  height: 1px;
  background-color: #eee;
}
.css-userNameInfo-S\+oFr {
  max-width: 200px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.css-navUserDropdownAvatar-NmtPZ {
  display: inline-block;
  width: 62px;
  height: 62px;
  border-radius: 31px;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
}
.css-navUserDropdownAvatarWrapper-pmyJX {
  position: absolute;
  top: 20px;
  left: 16px;
}
.dian{
    display: inline-block;
width: 18px;
height: 14px;
background: url(https://shark2.douyucdn.cn/front-publish/weibo-web-master/images/183cd4357ac3d352a7844f1bb38ea191.png) no-repeat 0 0;
  background-size: auto;
background-size: cover;
vertical-align: middle;
margin-right: 4px;
}
.tuichu{
    font-size: 13px;
    color: rgb(0 0 0);
}
a{
    cursor: pointer;
}
.css-navRightUserDropdownContentLogout-VG6Tx {
  position: absolute;
  right: 16px;
  top: 20px;
}
.css-navRightUserDropdownContent-xl2N5::before {
  content: '';
  width: 100%;
  height: 0;
  border-top: 3px solid #ff5d23;
  position: absolute;
  top: 0;
  left: 0;
}
.css-navRightUserDropdownTriangle-wsZLo::before {
  position: absolute;
  content: ' ';
  top: -6px;
  right: 24px;
  border-top: 0;
  border-right: 7px dashed transparent;
  border-bottom: 7px solid #ff5d23;
  border-left: 7px dashed transparent;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
}
.css-navRightUserDropdown-VLqlz {
  position: absolute;
  z-index: 6000;
  top: 60px;
  right: 0;
  width: 360px;
  min-height: 180px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 4px 0px rgba(73, 35, 1, 0.2);
}
.css-navRightItemAvatar-Dhkpn {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 14px;
  background-color: rgb(255, 255, 255);
}
.css-navRightUser-XjNiX {
  width: 62px;
  height: 68px;
}
svg {
  fill: rgba(0, 0, 0, 0.4);
}
.downloadCenter-navRightDownloadCenterIcon-rg9q5 {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 2px;
}
.css-navRightItemLink-m6e8U {
  display: inline-block;
  padding-top: 15px;
  font-size: 12px;
  line-height: 1.5;
  color: rgb(255, 255, 255);
}
.downloadCenter-navRightDownloadCenter-PdRiS {
  width: 50px;
  height: 68px;
  margin: 0 3px;

}
.css-navSearchIcon-byBLe {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.css-navSearchInput-hcAgF {
    float: left;
    height: 34px;
    line-height: 36px;
    font-size: 12px;
    background: none;
    border: none;
    outline: 0;
    width: 80%;

    color:rgba(34, 31, 31, 1);
}
input {

    writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
    font-size: ;
    font-family: ;
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    margin: 0em;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
.css-navSearchWrapper-SmTKa {
    position: relative;
    padding: 0 16px;
    height: 36px;
    border-radius: 100px;
    background: #ffffff;
    margin: 16px 8px 0 0;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;

/* background:rgba(255, 255, 255, 0.5); */
}
.css-navRightItem-\+9tOz {

  position: relative;
  float: left;
  text-align: center;
}
.css-navRight-qABtd {
  float: right;
  height: 68px;
}
a {
      display: inline-block;
  margin: 0 4px;
  text-align: center;
  font-size: 16px;
  color: rgb(255, 255, 255);
  width: 56px;
}
.css-navLogo-S4V6X {
  display: block;
  float: left;
}
ul, li {
  list-style-type: none;
}
.css-navMenuItem-PlZzo {
  position: relative;
  float: left;
  line-height: 40px;
}
.css-navMenuWrapper-vlvGX {
margin-left: -20px;
  display: block;
  float: left;
}
.css-navLeft-jAxJg {
  position: relative;
  float: left;
  height: 68px;
}
.css-navWrapperInner-IJ8cI {
  width: 1200px;
  margin: 0 auto;
}
.css-navWrapper-1r1-n {
  /* position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  height: 68px;
  background-color: #fff;
  border-bottom: 1px solid #eee; */
  color: var(--text1) !important;
background-color: transparent;
min-width: 1100px;
font-size: 14px;
line-height: 1.6;
  position: absolute;
top: 0;
z-index: 1002;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 24px;
max-width: 2560px;
width: 100%;
height: 64px;
}
</style>
